منحنیات بیزیر ... 6۷88© CBezjer‏ 


تأليف: عبدالله حسن القارسشى 


في هذا الكتاب سنتعلم كيف نطبق معادلات منحنيات بيزير في لغة سي شارب ... الأمر 
بسيط... كلها رياضيات لا أكثر ... ومعادلات بسيطة... فلا تعتقد أنها معقدة ... أنت الذي تعقد 


الامور... وأنت الذي تسهلها... هذا الكتاب يعتبر مقدمة لمنحنيات بيزير... وسأبذل جهدي كي 
أجعله وااضحاً قدر المستطاع... © 


طبعاً... هو ممكن برمجتها بأي لغة برمجة... لكنني سأستخدم السي شارب كتطبيق... 
لنبداً... 


فكرة منحنيات بيزير ... هي تحديد عدة نقاط» وجعل الكائن (لنفترض أنها كرة) تتحرك على 
شکل منحنی... في أحداتيات × و ۷ ... لذا... سنحدد أربع نقاط. . . 


PO = xO0,yO 
P1 = x1,y1 
P2 = x2,¥2 


P3 = x3,¥3 
لتتحرك الكرة من نقطة 0م حتى 3م على شكل مزجنى... ازقظر‎ ٠ ويجب أن يكون لدينا‎ 
إلى الشكل‎ 


pl p2 


pÛ p3 


في بداية الأمر نحدد ثلاث نقاط أساسية... لكل أحداثي... وهي على شكل نقاط وهمية داخل 
النقاط السابقة 


Ax, Ay, Bx, By, Cx, CY 


سرنعتمد على هذه النقاط لتحريك الكرة بين نقطتين ... فمثلا... سنحرك الكرة من نقطة 0م إلى 
نقطة 1م .. ثم من 1م إلى 2م وهكذا... 


كيف نعمل ذلك؟؟... بالتأكيد هناك معادلات تساعد على ذلك... 

سنبداً من ٤‏ فنقوول... 

Cx = 3(x1-x0) 

Cy = 3(y1-¥0) 

أي... زضرب الاحداثيات برقم ۳ ثم نطرح الاحداثي الأول من الثاني... بعدها ننتقل إلى 8 
Bx = 3(X2-x1) — CX‏ 

By = 3(y2-y1)-Cy 

بعد ان تنتقل الكرة من نقاط ال ٤‏ ستكمل المنحنى نقاط 8B‏ بتنقيص جزء ° 
وأخيراً نأتي إلى نقاط ۸ 

Ax = x3-XO0-CxX-Bx 

Ay = ¥3-¥0-CY¥-BY 


وبعد ان ننتهي من 8B‏ ستكمل الكرة المنحنى كاملا من النقطة الاولى إلى آخر نقطة بتنقيص 
كلا من 8 و € 


وهكذا يكتمل المنحنى... وبذلك يتشكل المنحنى بالطريقة التالية... 


blue B 
pû purple C orang A p3 


الخطوط الملونة ... والخطوط السوداء هي خطوط وهمية ... ولكن عن طريقها يتشكل 
المنحنى... 


ولكن... كيف لموقع الكرة آن یتغیر على شکل منحنی کلما زاد مص ؟؟ 
هذه أيضاً لها معادلة... 

علينا تحديد احداثيات الكرة لتتحرك على شكل منحنى... ويكون ذلك: 
X = (Ax X time?) + (Bx X time) + (Cx X time) + x0‏ 

Y = (Ay X time?) + (By X time) + (Cy X time) + yO 


عن طريق هذه المعادلات التي نراها الآن ... تتحرك الكرة على شكل منحنى بالنقااط التي 


. 


ستحددها.. . 


حسناً... ما رأيكم أن نبدأ بتطبيق هذه المعادلات في البرمجة؟؟ ... كما ذكرت ... سأستخدم 
السي شارب... يمكنك أستخدام أي لغة تريدها... 

حسناً... لنبداً بكتابة الدالة... وسأفترض أنك تجيد لغة برمجة... لا يجووز أن تقراً هذا الكتاب 
وانت لا تعرف اي شيء عن لغة برمجة... 


سنكتب دالة من نوع "اه۴ فيه البارامترات الوقت والنقاط المطلوبة... 


Private Point curvePoints(float time, Point pO, Point p1, Point p2, Point 


float CX = 3 * (pص1.X‎ - pص0.×(; معادلات احداثيات السي//‎ 
float Cy = 3 * (p1.Y — pO.Y); 

float Bx = 3 * (pض2.X‎ - (×.1ص‎ - ٥×; معادلات احداثيات البي//‎ 
float By = 3 * (p2.Y - p1.Y)—Cy; 

float Ax = p3.X — p0.X - Bx - Cx; معادلات احداثيات الأي//‎ 
float Ay = p3.Y — pO0.Y — By - Cy; 

float time3 = time * time * time; //ٽتقgl| متغير لتكعيب‎ 
float time2 = time * time; //ٽڙJ|قول| متغير لتربيع‎ 


float X = (Ax + time3) + (Bx + time2) + (Cx + time) + pض0.X;‎ رıيغتn‎ 
الاحداثي السيني للدالة//‎ 


float Y = (Ay + time3) + (By + time2) + (Cy + time) + pض0.¥Y;‎ رıغتم‎ 
الاحداثي الصادي للدالة//‎ 


return new Point((int)X, (int)Y); 


p3) 


{ 


اتمنى تكون الدالة وااضحة ... انا عملتها مع السي شارب والأكسونا (ه,×) والحمد الله 


ملاحظة مهمة:- في هذا المثال وضعنا أربع نقاط فقط... ولكن يمكن وضع أكثر من أربع... 


اتمنى أن يكون الدرس واضح... ادعوا لي بالتوفيق والتيسير... والرحمة على والدي... 
انا آلفت هذا الكتاب لرحه الل اتمت شرم والانتقاذة تة 

ستجدون هذا الكتاب في: 

موقع کتب 

[http://www.kutub.info 

حسابي گی الفورشيرد 
http://www.4shared.com/dir/14410692/2523f96d/sharing.html‏ 


کے بحم الاد 


